						/***************************朵唯头部*******************************/

#head{
	height: 133px;width: 100%;
}


/*****朵唯头部****/
#head .head-top{
	height: 44px;width: 100%;background: #3a3a3a;
}
#head .head-top .top{
	height: 44px; line-height: 44px;
}
#head .head-top .top a{
	color: #fff;
}
#head .head-top .top li{
	 float: left;line-height: 44px;color: #ffffff;padding: 0 6px;
}
#head .head-top .top li a{
	color: #fff;text-decoration: none;
}
#head .head-top .top li a:hover{
	color: #fff;text-decoration: none;
}

/*头部左边的ul*/
#head .head-top .top .top-left li.weixin{
	position: relative;
}
#head .head-top .top .top-left li .saoma {
	width: 80px; height: 80px; border: 0;display: none;position: absolute;
}

/*头部右边的ul*/
#head .head-top .top .top-right .headerCart img{
	margin-top: 13px; margin-right: 5px;
}
#head .head-top .top .top-right .headerCart span{
	width:20px ; height: 20px; background: url(../images/index/shop.png);	
	margin-top: 13px; margin-left: 5px;text-align: center;
    border-radius: 100px;line-height: 20px;	
}
#head .head-top .top .top-right .headerLogin{
	position: relative;
}
#head .head-top .top .top-right .headerLogin img{
	position: absolute; left:-18px;top: 13px;
}
/*****朵唯导航和logo****/
#head .logo-nav{
	height: 89px;
}
#head .logo-nav .menu li.menus-a{
	line-height: 89px; width: 217px; height: 89px;display: inline-block;
}
#head .logo-nav .menu li.menus-a img{
	 vertical-align: middle; margin-top: 30px;
}
#head .logo-nav .menu li.menus-b{
	height: 80px;padding: 0 60px;
}
#head .logo-nav .menu li.menus-b ul li{
	float: left;line-height: 80px;padding: 0 28px;
}
#head .logo-nav .menu li.menus-b ul li a{
	font-size: 18px; color: #000; text-decoration: none;
}
#head .logo-nav .menu li.menus-b ul li a:hover{
	color: red;text-decoration: none;
}
#head .logo-nav .menu li.menus-c{
	height: 40px;position: relative;width: 249px;border: 1px solid #F0F0F0;margin-top: 22px;
}
#head .logo-nav .menu li.menus-c input{
	width: 200px;height: 40px;padding: 0 5px;margin: 0;list-style: none;border: 0;
}
#head .logo-nav .menu li.menus-c div{
	position: absolute;top: 0px;right: 0px;width: 40px;height: 40px;
    border-left: 1px solid #F0F0F0;
}
#head .logo-nav .menu li.menus-c div img{
	padding-left: 13px;padding-top: 13px;
}

					/***************************内容区域*******************************/
#container{background: #f8f8f8;}
/**********轮播图***********/
#container .lbt{
	height: 439px;width: 100%; background: pink;overflow: hidden;position: relative;
}
#container .lbt .bigbox{
	width: 500%; height: 439px;position: absolute;top: 0;left: 0;cursor: pointer;
}
#container .lbt .bigbox img{
	width: 20%; height: 439px;float: left;
}
#container .lbt .list{
	position: absolute;bottom: 50px;right: 350px;
}
#container .lbt .list li{
	float: left; width: 20px; height: 20px; border-radius: 100px; background: #666;margin-right: 20px;
}
#container .lbt .list li.active{
	background: #FFFFFF;
}
/**********二级菜单***********/
#container .banner{
	position: relative;top: -439px;
}
#container .banner .banner-ul{
	background-color: rgba(0,0,0,0.4); height: 399px;width: 248px;
    padding-top: 40px;float: left;
}
#container .banner .banner-ul li{
	padding-top: 13px;height: 73px;padding-left: 8px;
}
#container .banner .banner-ul li a{
	color: #fff;
}
#container .banner .banner-ul li.one:hover{
	background: #e92a8f;
}
#container .banner .banner-ul li dl{
	font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
}
#container .banner .banner-ul li dl dt a:hover{
	text-decoration: none;
}
#container .banner .banner-ul li dl dd{
	float: left;padding: 10px 20px 0px 0px;
	font: 14px/1.5 Arial, sans-serif, 微软雅黑, 宋体, Tahoma;
}
#container .banner .banner-ul li ul{
	width: 240px;height: 439px; background: rgba(255,255,255, 0.8);
    position: absolute;left: 248px;top: 0px;display: none;
}
#container .banner .banner-ul li ul li{
	width: 240px;height: 80px;padding-top: 16px;padding-bottom: 4px;
}
/**********轮播图下面的三张图片***********/
#container .lbt-bottom{
	height: 210px; padding: 20px 0;position: relative;
}
#container .lbt-bottom img{
	display: block; float: left; width: 380px;position: absolute;cursor: pointer;
}
/**********朵唯手机内容区域***********/
#container .phone{
	margin-top: 20px;height: 690px;position: relative;
}
#container .phone div.spans{
	height: 30px; width: 100%;position: absolute;left: 0;
}
#container .phone div.phone-imgs{
	padding-top:40px;height: 620px;
}
#container .phone div.spans a{
	line-height: 30px;
}
#container .phone div.spans span.l a:hover{
	text-decoration: none;
}
#container .phone div.spans span.r a:hover{
	color: red;text-decoration: none;
}

#container .phone div.phone-aa{
	height: 335px;top: 40px;
}
#container .phone div.phone-aa .phone-imgs-left{
	position: absolute; left: 0;width: 226px; height: 313px;
}
#container .phone div.phone-aa .phone-imgs-right .small-imgs{
	width: 226px;height: 288px;float: left;background: #FFFFFF;margin: 0px 12px 0 0;
    text-align: center;padding-top: 25px;    text-align: center;
}
#container .phone div.phone-aa .phone-imgs-right .small-imgs img{
	padding-bottom: 9px;margin-left: 25px;
}
#container .phone div.phone-aa .phone-imgs-right .small-imgs dl dt{
	padding-bottom: 3px;color: #000000;
}
#container .phone div.phone-aa .phone-imgs-right .small-imgs dl dd{
	color: #999999;
}
#container .phone div.phone-aa .phone-imgs-right .small-imgs .span-bb{
	font-size: 16px;display: block;color: #df0068;
    font-weight: bold;padding-top: 5px;
}
#container .phone div.phone-bb{
	top: 40px;
}
#container .phone div.phone-bb .phone-imgs-left{
	position: absolute; left: 0;width: 226px; height: 313px;margin-right: 15px;
}
#container .phone div.phone-bb .phone-imgs-right .small-imgs{
	width: 226px;height: 288px;float: left;background: #FFFFFF;margin: 0px 12px 0 0;
    text-align: center;padding-top: 25px;    text-align: center;
}
#container .phone div.phone-bb .phone-imgs-right .small-imgs img{
	padding-bottom: 9px;margin-left: 25px;
}
#container .phone div.phone-bb .phone-imgs-right .small-imgs dl dt{
	padding-bottom: 3px;color: #000000;
}
#container .phone div.phone-bb .phone-imgs-right .small-imgs dl dd{
	color: #999999;
}
#container .phone div.phone-bb .phone-imgs-right .small-imgs .span-bb{
	font-size: 16px;display: block;color: #df0068;
    font-weight: bold;padding-top: 5px;
}

/***********朵唯手机内容区域***********/
#part{width: 100%;background: #F8F8F8;}
#part .parts{
	padding-top: 30px; background: #f8f8f8;
}
#part .parts .parts-txt{
	height: 30px; line-height: 30px;/*background: pink*/margin-bottom: 10px;
}
#part .parts .parts-txt span a{
	height: 30px; line-height: 30px; width: 100px;
}
#part .parts .parts-txt span.r {
	margin-top: 4px;
}
#part .parts .img-top{
	height: 313px;/*background: yellow*/;
}
#part .parts .img-top .top-aa{
	width: 226px; height: 313px;
    background: #FFFFFF;margin: 0px 15px 0 0px;
}
#part .parts .img-top .top-bb{
	 height: 313px;
}
#part .parts .img-top .top-bb div{
	float: left;width: 226px;text-align: center;padding-top: 20px;
    height: 272px;background: #FFFFFF;margin: 0px 13px 0 0;
}
#part .parts .img-top .top-bb div img{
	width: 170px;height: 170px;margin-top: 10px;margin-left: 23px;
	margin-bottom: 9px;
}
#part .parts .img-top .top-bb div dl dd{
	color: #999999;
}
#part .parts .img-top .top-bb div dl dt{
	color: #000000 !important;font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
    padding-bottom: 3px;
}
#part .parts .img-top .top-bb div span{
	display: block; font-size: 16px; color: #df0068;font-weight: bold;
    padding-top: 5px;
}



/***********朵唯配件内容区域***********/
#part{width: 100%;background: #F8F8F8;}
#part .parts{
	padding-top: 30px; background: #f8f8f8;
}
#part .parts .parts-txt{
	height: 30px; line-height: 30px;/*background: pink*/margin-bottom: 10px;
}
#part .parts .parts-txt span a{
	height: 30px; line-height: 30px; width: 100px;
}
#part .parts .parts-txt span.r {
	margin-top: 4px;
}
#part .parts .img-top{
	height: 313px;/*background: yellow*/;
}
#part .parts .img-top .top-aa{
	width: 226px; height: 313px;
    background: #FFFFFF;margin: 0px 15px 0 0px;
}
#part .parts .img-top .top-bb{
	 height: 313px;
}
#part .parts .img-top .top-bb div{
	float: left;width: 226px;text-align: center;padding-top: 20px;
    height: 272px;background: #FFFFFF;margin: 0px 13px 0 0;
}
#part .parts .img-top .top-bb div img{
	width: 170px;height: 170px;margin-top: 10px;margin-left: 23px;
	margin-bottom: 9px;
}
#part .parts .img-top .top-bb div dl dd{
	color: #999999;
}
#part .parts .img-top .top-bb div dl dt{
	color: #000000 !important;font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
    padding-bottom: 3px;
}
#part .parts .img-top .top-bb div span{
	display: block; font-size: 16px; color: #df0068;font-weight: bold;
    padding-top: 5px;
}

#part .parts .img-bottom{
	height: 313px;/*background: skyblue*/margin-top: 15px;
}
#part .parts .img-bottom .top-aa{
	width: 226px; height: 313px;
    margin: 0px 15px 0 0;
}
#part .parts .img-bottom .top-bb{
	 height: 313px;
}
#part .parts .img-bottom .top-bb div{
	float: left;width: 226px;text-align: center;padding-top: 20px;
    height: 272px;background: #FFFFFF;margin: 0px 13px 0 0;
}
#part .parts .img-bottom .top-bb div img{
	width: 170px;height: 170px;margin-top: 10px;margin-left: 23px;
	margin-bottom: 9px;
}
#part .parts .img-bottom .top-bb div dl dd{
	color: #999999;
}
#part .parts .img-bottom .top-bb div dl dt{
	color: #000000 !important;font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
    padding-bottom: 3px;
}
#part .parts .img-bottom .top-bb div span{
	display: block; font-size: 16px; color: #df0068;font-weight: bold;
    padding-top: 5px;
}  
   
   
    

/***********朵唯女性精品内容区域***********/
#boutiques{width: 100%;background: #F8F8F8;}
#boutiques .boutique{
	padding-top: 30px; background: #f8f8f8;
}
#boutiques .boutique .boutique-txt{
	height: 30px; line-height: 30px;/*background: pink*/margin-bottom: 10px;
}
#boutiques .boutique .boutique-txt span a{
	height: 30px; line-height: 30px; width: 100px;
}
#boutiques .boutique .boutique-txt span.r {
	margin-top: 4px;
}
   
#boutiques .boutique .boutique-top{
	height: 313px;/*background: yellow*/;
}
#boutiques .boutique .boutique-top .top-aa{
	width: 226px; height: 313px;
    background: #FFFFFF;margin: 0px 15px 0 0px;
}
#boutiques .boutique .boutique-top .top-bb{
	 height: 313px;
}
#boutiques .boutique .boutique-top .top-bb div{
	float: left;width: 226px;text-align: center;padding-top: 20px;
    height: 272px;background: #FFFFFF;margin: 0px 13px 0 0;
}
#boutiques .boutique .boutique-top .top-bb div img{
	width: 170px;height: 170px;margin-top: 10px;margin-left: 23px;
	margin-bottom: 9px;
}
#boutiques .boutique .boutique-top .top-bb div dl dd{
	color: #999999;
}
#boutiques .boutique .boutique-top .top-bb div dl dt{
	color: #000000 !important;font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
    padding-bottom: 3px;
}
#boutiques .boutique .boutique-top .top-bb div span{
	display: block; font-size: 16px; color: #df0068;font-weight: bold;
    padding-top: 5px;
}


/***********朵唯积分商城内容区域***********/
#integrals{width: 100%;background: #F8F8F8;}
#integrals .integral{
	padding-top: 30px; background: #f8f8f8;
}
#integrals .integral .integral-txt{
	height: 30px; line-height: 30px;/*background: pink*/margin-bottom: 10px;
}
#integrals .integral .integral-txt span a{
	height: 30px; line-height: 30px; width: 100px;
}
#integrals .integral .integral-txt span.r {
	margin-top: 4px;
}
#integrals .integral .integral-top{
	height: 313px;/*background: yellow*/;
}
#integrals .integral .integral-top .top-bb{
	 height: 313px;
}
#integrals .integral .integral-top .top-bb div{
	float: left;width: 226px;text-align: center;padding-top: 20px;
    height: 272px;background: #FFFFFF;margin: 0px 13px 0 0;
}
#integrals .integral .integral-top .top-bb div img{
	width: 170px;height: 170px;margin-top: 10px;margin-left: 23px;
	margin-bottom: 9px;
}
#integrals .integral .integral-top .top-bb div dl dd{
	color: #999999;
}
#integrals .integral .integral-top .top-bb div dl dt{
	color: #000000 !important;font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
    padding-bottom: 3px;
}
#integrals .integral .integral-top .top-bb div span{
	display: block; font-size: 16px; color: #df0068;font-weight: bold;
    padding-top: 5px;
}


/***********朵唯App内容区域***********/
#apps{width: 100%;background: #F8F8F8;}
#apps .app{
	padding-top: 30px; background: #f8f8f8;
}
#apps .app .app-txt{
	height: 30px; line-height: 30px;/*background: pink*/margin-bottom: 10px;
}
#apps .app .app-txt span a{
	height: 30px; line-height: 30px; width: 100px;
}
#apps .app .app-txt span.r {
	margin-top: 4px;
}
#apps .app .app-imgs{
	height: 320px; padding-bottom: 10px;margin: 0 5px;position: relative;
}
#apps .app .app-imgs .appleft{
	width: 50px; height: 80px;font-size: 50px;line-height: 50px;left: 0px;
	color: #999999;position: absolute;top: 120px;cursor: pointer;
}
#apps .app .app-imgs .appright{
	width: 50px;height: 80px;font-size: 50px;line-height: 50px;right: -20px;
    color: #999999;position: absolute;top: 120px;cursor: pointer;
}
#apps .app .app-imgs .bigAppBox{
	width: 1070px;height: 320px;
    overflow: hidden;position: relative;margin: 0 auto;
}
#apps .app .app-imgs .bigAppBox ul{
	width: 2140px;height: 300px;position: absolute;
    left: 0px;top: 0px;    padding: 15px 0px 15px 0px;
}
#apps .app .app-imgs .bigAppBox ul li{
	display: block;height: 300px; margin: 0px 7px;text-align: center;
    width: 200px; float: left;background: #FFFFFF;
}
#apps .app .app-imgs .bigAppBox ul li img{
	padding: 59px 50px;width: 100px; height: 101px;
}
#apps .app .app-imgs .bigAppBox ul li dl {
	font: 16px "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma";
	margin-top: -10px;
}
   

/************************************************/   
   
   
/***********--朵唯底部--***********/
#foot{ margin-top: 30px;width: 100%;height: 380px;}
#foot .foot-aa{
	height: 301px;background: #FFFFFF;
}

#foot .foot-bb{ 
	height: 79px;background: #F8F8F8;
    text-align: center;
}
#foot .foot-bb ul{
	height: 30px;padding-top: 10px;width: 500px;margin: 0 auto;
} 
#foot .foot-bb ul li{
	float: left;text-align: center;
}
#foot .foot-bb ul li a{
	font-size: 14px;color: #000000;
}

#foot .foot-bb p{
	color: #C0C0C0;font-size: 12px;text-align: center;
}   
    
    
#foot .foot-aa .footer-menu1{
	width: 1200px;margin: 0 auto;height: 65px;
    border-bottom: 1px solid #ccc;padding-top: 35px;
}  
#foot .foot-aa .footer-menu1 dl{
	float: left;
    padding: 0px 62px;width: 190px!important;
}
#foot .foot-aa .footer-menu1 dl.dl1{
	padding-left: 32px;
}
#foot .foot-aa .footer-menu1 dl.dl2{
	padding-right: 0px;
}
#foot .foot-aa .footer-menu1 dl dt{
	float: left;padding-right: 10px;
}
#foot .foot-aa .footer-menu1 dl dd.foot-d1{
	font-size: 14px;color: #000000;
}
#foot .foot-aa .footer-menu2{
	width: 1200px;height: 201px;margin: 0 auto;padding-top: 25px;
}
#foot .foot-aa .footer-menu2 .menu2-right{
	float: right;width: 268px;
}
#foot .foot-aa .footer-menu2 .menu2-right dl{
	width: 270px;padding-left: 40px;
}
#foot .foot-aa .footer-menu2 .menu2-right dl{
	width: 270px;padding-left: 40px;
}
#foot .foot-aa .footer-menu2 .menu2-right dl dt{
	float: left; padding-right: 10px;padding-top: 10px;width: 36px;
}
#foot .foot-aa .footer-menu2 .menu2-right .menu2-img{
	margin-top: 20px;padding-left: 40px;
}
#foot .foot-aa .footer-menu2 .menu2-left{
	float: left;width: 932px;
}
#foot .foot-aa .footer-menu2 .menu2-left dl{
	float: left;padding: 0px 50px;
}    
#foot .foot-aa .footer-menu2 .menu2-left a:hover{
	color: deepskyblue;
}











